<template>
  <div class="copy-wrap flex-center" @click="copyText('https://threeminspaper.com/')">
    <img src="@/assets/images/copy.png" alt="">
    <span>点击复制</span>
  </div>
</template>

<script>
export default { name: 'CopyBtn' }
</script>

<script setup>
import { copyText } from '@/utils/copy-to'
</script>

<style lang="scss" scoped>
.copy-wrap {
  box-sizing: border-box;
  width: 212px;
  height: 78px;
  text-align: center;
  line-height: 78px;
  border-radius: 16px;
  background: #04b17e;

  font-size: 27px;
  font-weight: 500;
  color: #fff;

  img {
    width: 28px;
    margin-right: 12px;
  }
}
</style>
